body{background-color:#fff;}
/*富文本*/
.app-richText .inner ul{ list-style:disc;}
.app-richText .inner ol{ list-style:decimal;}
.app-richText .inner img{max-width:100%;}
.app-richText .inner ul {padding-left:40px;}
.app-richText .inner ul, .app-richText .inner ol{margin:16px 0;}
.app-richText .inner h1, .app-richText .inner h2, .app-richText .inner h3, .app-richText .inner h4, .app-richText .inner h5, .app-richText .inner h6{font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:bold;}
.app-richText .inner{padding:10px; font-size:16px; overflow:hidden;}
.app-richText table{margin:10px 0; width:100%;}
.app-richText table td{padding:5px 10px;}
/*商品*/
.app-goods .inner .goods-list,.app-tagList2 .inner .goods-list{margin:4px 5px; padding:0;}
.app-goods .inner .goods-list li,.app-tagList1 .inner .goods-list li,.app-tagList2 .inner .goods-list li{position:relative; overflow:hidden; margin: 0 ; list-style:none;}
.app-goods .inner .goods-list .goods-card{display:block; border:1px solid #eee; padding:5px; background:#FFF; }
.app-goods .inner .goods-list a,.app-tagList1 .inner .goods-list a{color:#333;}
.app-goods .inner .goods-list li .goods-title{font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0;}
.app-goods .inner .goods-list li .goods-sub-title{width:100%; margin-bottom:3px; color:#666; word-break: break-all; white-space: normal;}
.app-goods .inner .goods-list li .goods-price,.app-tagList2 .inner .goods-list li .goods-price{font-size:15px; margin-top:2px; font-weight: bold; }
.app-goods .inner .goods-list li .goods-price em,.app-tagList2 .inner .goods-list li .goods-price em{font-style:normal; color:#f60;}
.app-goods .inner .goods-list .goods-buy,.app-tagList1 .inner .goods-list .goods-buy,.app-tagList2 .inner .goods-list .goods-buy{position:absolute; bottom:10px;}
.app-goods .inner .goods-list .goods-buy.btn1,.app-tagList1 .inner .goods-list .goods-buy.btn1,.app-tagList2 .inner .goods-list .goods-buy.btn1{width:30px; height:25px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 0;}
.app-goods .inner .goods-list .goods-buy.btn2,.app-tagList1 .inner .goods-list .goods-buy.btn2,.app-tagList2 .inner .goods-list .goods-buy.btn2{width:20px; height:20px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 -88px;}
.app-goods .inner .goods-list .goods-buy.btn3,.app-tagList1 .inner .goods-list .goods-buy.btn3,.app-tagList2 .inner .goods-list .goods-buy.btn3{width:40px; height:25px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:-3px; background-position:0 -25px;}
.app-goods .inner .goods-list .goods-buy.btn4,.app-tagList1 .inner .goods-list .goods-buy.btn4,.app-tagList2 .inner .goods-list .goods-buy.btn4{width:37px; height:20px; background:url('../images/app/showcase.png') no-repeat; background-size:40px auto; right:10px; background-position:0 -50px;}
.app-goods .inner .goods-list .goods-simple .goods-info p{margin:6px 0 0 0;}
.app-goods .inner .goods-list .pic,.app-tagList2 .inner .goods-list .pic{text-align:center; overflow: hidden; min-height:100px;}
.app-goods .inner .goods-list img,.app-tagList1 .inner .goods-list img,.app-tagList2 .inner .goods-list img{width:100%; display:block; margin:auto;  vertical-align: middle; }

/*.app-goods .inner .goods-list .sm img{height:143px;}*/
.app-goods .inner .detailList .goods-list img {width:100%;}
.app-goods .inner .goods-list .cascade .pic{height:auto; max-width:100%;}
.app-goods .inner .goods-list .cascade{margin-bottom:8px;}
.app-goods .inner .goods-list .lg{padding:4px; width:100%; float：left;}
.app-goods .inner .goods-list .col-xs-6,.app-tagList2 .inner .goods-list .col-xs-6{padding:4px;}
.app-goods .inner .smImg .goods-simple .goods-price{ display:inline; position:absolute; right:10px; bottom:10px;}
.app-goods .inner .smImg .goods-sale .goods-info{border:1px solid #eeeeee; height:40px; line-height:40px; border-top:0; border-right:0;}
.app-goods .inner .smImg .goods-sale .goods-info .goods-price{display:inline-block; height:40px; line-height:40px; font-size:15px; color:#d9534f;}
.app-goods .inner .smImg .goods-sale .goods-info .buy-btn{height:100%; width:45px; background:#d9534f; line-height:13px; padding:7px; color:#fff;}
.app-goods .inner .smImg .goods-sale .goods-info .buy-btn a{ color:#FFF;font-size:14px;line-height:13px; bottom:13px; display:inline-block; width:31px; text-align:center;}
.app-goods .inner .defaultList .goods-simple{position:relative;}
.app-goods .inner .defaultList .goods-simple .goods-info{position:absolute; width:auto; height:24px; line-height:24px;font-size:12px; bottom:5px; right:5px; background:rgba(0,0,0,0.5); color:#fff; padding:0 4px;}
.app-goods .inner .defaultList .lg.goods-simple .goods-info{left:4px;}
.app-goods .inner .defaultList .sm.goods-simple .goods-info .goods-title,.app-goods .inner .goods-simple .goods-buy{display:none;}
.app-goods .inner .defaultList .lg.goods-simple .goods-info .goods-title{float:left;}
.app-goods .inner .defaultList .goods-simple .goods-info .goods-price{float:right;}
.app-goods .inner .defaultList .goods-simple .goods-info .goods-price em{color:#fff;}
.app-goods .inner .defaultList .goods-simple .goods-info p{padding:0; margin:0; font-weight:400;}
.app-goods .inner .detailList .col-xs-6{padding:0}
.app-goods .inner .detailList .pic,.app-tagList1 .inner .detailList .pic{padding-right:10px;}
.app-goods .inner .detailList .goods-card{margin-bottom:10px;}
.app-goods .inner .detailList .goods-simple{padding:10px 0; border-bottom:1px solid #eee;}
/*幻灯片*/
.app-adImg .inner h3{margin:0;}
.app-adImg .inner img{max-width:100%; vertical-align: middle;}
.app-adImg .inner .show-separate .ad-list.lg{font-size:12px; padding:0 5px; margin:0;}
.app-adImg .inner .show-separate .ad-list.sm{font-size:12px; padding:0 2px; margin:0;}
.app-adImg .inner .show-separate .ad-list.lg .ad-list-item{margin:5px auto; min-height:40px; position:relative;}
.app-adImg .inner .show-separate .ad-list.lg .ad-list-item>div{text-align:center;}
.app-adImg .inner .show-separate .ad-list .ad-list-item h3{position:absolute; bottom:0; left:0; width:100%; text-align:left; z-index:2; color:#fff; background:rgba(51,51,51,0.8); padding:5px 15px; font-size:14px; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.app-adImg .inner .show-separate .ad-list.sm .ad-list-item{padding:0; min-height:40px; overflow:hidden;}
.app-adImg .inner .show-separate .ad-list.sm .ad-list-item>div{margin:3px; position:relative; height:148px; overflow:hidden; text-align:center;}
/*魔方*/
.app-cube table{width:100%; table-layout:fixed;}
.app-cube table td{text-align:center; color:#ddd;}
.app-cube tr{margin:0; padding:0; width:100%;}
.app-cube td{width:25%; margin:0; padding:0;}
.app-cube td img{display:inline-block; vertical-align:middle; max-width:100%; max-height:100%; width:auto; height:auto;}
.app-cube td.cols-2{width:50%;}
.app-cube td.cols-3{width:75%;}
.app-cube td.cols-4{width:100%;}
/*标题*/
.app-title .title-detail{padding:10px;}
.app-title .title-detail h2{font-size:18px; height:22px; line-height:22px;}
.app-title .title-detail h2 span{font-size:12px; color:#999;}
.app-title .title-detail p{padding:0; color:#8c8c8c; font-size:11px; margin:5px 0 0;}
/*文本导航*/
.app-textNav .inner .list-group-item{border-radius:0; border:0; border-bottom:1px solid #ddd; margin-bottom:0; height:40px; padding:0;}
.app-textNav .inner .list-group-item a{color:#333; display:block; padding:10px 15px;}
.app-textNav .inner .list-group-item a span{display:block; width:100%; height:100%; padding-right:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.app-textNav .inner .list-group-item a i{color:#888; line-height:20px; position:absolute; right:0; top:0; font-size:22px;}
/*图片导航*/
.app-nav .inner{padding:5px;}
.app-nav .inner ul{margin:0; padding:0;}
.app-nav .inner ul li{width:25%; overflow:hidden; float:left;}
.app-nav .inner ul li .nav-img{display:block; width:100%; overflow:hidden;}
.app-nav .inner ul li .nav-img img{max-width:100%; vertical-align: middle;}
.app-nav .inner ul li .title{color:#333; display:inline-block; width:100%; height:24px; padding:5px; font-size:12px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/*关联链接*/
.app-link .inner .list-group,.micro-page-category .app-category .list-group,.usercenter .app-usercenter .list-group{margin:0;}
.app-link .inner .list-group-item,.micro-page-category .app-category .list-group-item,.usercenter .app-usercenter .list-group-item{border-radius:0; border-left:0; border-right:0;  height:40px; padding:0;}
.app-link .inner .list-group-item a,.micro-page-category .app-category .list-group-item a,.usercenter .app-usercenter .list-group-item a{color:#333; display:block; padding:10px 15px;}
.app-link .inner .list-group-item a span,.micro-page-category .app-category .list-group-item a span,.usercenter .app-usercenter .list-group-item a span{display:block; width:100%; height:100%; padding-right:30px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.app-link .inner .list-group-item a i,.micro-page-category .app-category .list-group-item a i,.usercenter .app-usercenter .list-group-item a i{color:#888; line-height:20px; font-size:22px; position:absolute; right:0; top:0;}
/*app商品搜索*/
.app-search .inner{padding:10px;}
/*app橱窗*/
.app-showCase .inner .showCaseTitle{padding:10px; font-size:14px;}
.app-showCase .inner .showCaseBody{background:#fff;}
.app-showCase .inner .showCaseBody ul{padding:0; margin:0;}
.app-showCase .inner .showCaseBody ul li{float:left; overflow:hidden; text-align:center; box-sizing: border-box;}
.app-showCase .inner .showCaseBody ul li img{max-width:100%; height:auto;}
.app-showCase .inner .showCaseBody ul li.lg{width:66%; height:213px; margin:0 1% 2px 0;}
.app-showCase .inner .showCaseBody ul li.sm{width:33%; height:106px; margin:0 0 2px 0;}
.app-showCase .inner .showCaseBody .three .sm{width:33%; height:105px; margin-right:0.5%;}
.app-showCase .inner .showCaseBody .three .sm:last-child{margin-right:0;}
.app-showCase .inner .showCaseBody .showCaseBodyTitle{font-size:14px; font-weight:700; padding:0 10px; margin:10px 0;}
.app-showCase .inner .showCaseBody .showCaseBodyDesc{font-size:12px; margin:0; padding:0 10px 10px 10px; line-height: 1.5em; word-break: break-all;}
/*辅助线*/
.app-line .inner{height:30px; position:relative;}
.app-line .inner hr{width:100%;position:absolute; margin:14px 0;  left:0; top:0; border-top: 1px dashed #bbb;}
/*辅助空白*/
.app-white .inner{padding:15px 10px;}
/*自定义模块*/
.app-component .component-con{padding:10px;}
/*app进入店铺*/
.app-store .inner{padding:10px; background:#fff; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.app-store .inner a{color:#333;}
.app-store .inner .pull-right a{color:#999;}
/*app商品分组1*/
.app-tagList1 .inner{background:#E6E6E6;}
.app-tagList1 .nav-left{padding:0; position:relative;}
.app-tagList1 .nav-tabs{border:0; position:relative; padding-top:25px;}
.app-tagList1 ul li{position:relative; list-style:none;}
.app-tagList1 ul li a{display:inline-block; width:100%;}
.app-tagList1 ul li a img{width:60px; height:60px;}
.app-tagList1 .list{background:#fff; padding:0 2px;}
.app-tagList1 .nav-tabs>li.active>a, .app-tagList1 .nav-tabs>li.active>a:hover, .app-tagList1 .nav-tabs>li.active>a:focus{display:inline-block; width:100%; color:#f60; background-color:#fff; border:none;}
.app-tagList1 .list h2{height:25px; line-height:25px; background:#eee; padding-left:5px; font-size:14px;}
.app-tagList1 .list .goods-list,.app-tagList2 .goods-list{margin:5px; padding:0;}
.app-tagList1 .list .goods-list .goods-simple,.app-tagList2 .goods-list .goods-simple{padding:0; border-bottom:1px solid #eee;}
.app-tagList1 .list .goods-list .goods-simple:last-child,.app-tagList2 .goods-list .goods-simple:last-child{border:0;}
.app-tagList1 .inner .detailList .pic{padding:0; width:60px; position:absolute; left:0; top:50%; margin-top:-30px;}
.app-tagList1 .inner .detailList .col-xs-8{width:100%; padding-left:70px;}
.app-tagList1 .inner .detailList .goods-title b{display:block; width:100%; white-space:normal; font-weight:normal;}
.app-tagList1 .list .detailList .goods-price em,.app-tagList2 .goods-list .goods-price{color:#f60; font-style:normal;}
.app-tagList1 .nav-tabs>li>a{border-radius:0; padding:10px 0; text-align:center;}
/*app商品分组2*/
@media (max-width: 767px){.app-tagList2 .nav-justified>li {display: table-cell; width: 1%;}}
.app-tagList2 ul.nav li{background:#fff; border-bottom:1px solid #e5e5e5;  border-top:1px solid #e5e5e5;}
.app-tagList2 ul.nav li a{margin:0; padding:10px 0;}
.app-tagList2 ul.nav .active{border-bottom:1px solid #d9534f;}
.app-tagList2 ul.nav .active a{color:#d9534f;}
/*语音*/
.app-audio .inner{padding:10px;}
.app-audio .inner img.audioLogo{width:40px; height:40px; display:inline-block;}
.app-audio .inner .wx{position:relative;}
/*微信模式气泡居左(.wx.audioLeft)*/
.app-audio .inner .audioLeft{text-align:left;}
.app-audio .inner .audioLeft .audioBar{position:absolute; width:185px; height:42px; display:inline-block; left:55px; top:0; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; cursor:pointer;}
.app-audio .inner .audioLeft .audioBar .audioStatic{display:block; position:absolute; width:13px; height:17px; left:21px; top:12px; z-index:2; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; background-position:-180px -105px;}
.app-audio .inner .audioLeft .audioBar .audioAnimation{position:absolute; width:13px; height:17px; left:21px; top:12px; z-index:3;}
.app-audio .inner .audioLeft .audioBar .audioLoading{position:absolute; right:15px; top:12px;}
.app-audio .inner .audioLeft .audio-time{position:absolute; font-size:14px; color:#999; left:250px; bottom:5px;}
/*微信模式气泡居右(.wx.audioRight)*/
.app-audio .inner .audioRight{text-align:right;}
.app-audio .inner .audioRight img{float:right;}
.app-audio .inner .audioRight .audioBar{position:absolute; width:185px; height:42px; display:inline-block; left:auto; right:50px; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-position:-187px 0; background-size:400px 175px; cursor:pointer;}
.app-audio .inner .audioRight .audioBar .audioStatic{display:block; position:absolute; width:13px; height:17px; left:auto; right:21px; top:12px; z-index:2; background:url('../images/app/sprite_v5.png') 0 0 no-repeat; background-size:400px 175px; background-position:-180px -83px;}
.app-audio .inner .audioRight .audioBar .audioAnimation{position:absolute; width:13px; height:17px; left:auto; right:21px; top:12px; z-index:3; }
.app-audio .inner .audioRight .audioBar .audioLoading{position:absolute; left:15px; top:12px; right:auto;}
.app-audio .inner .audioRight .audio-time{position:absolute; display:inline-block; width:50px; font-size:14px; color:#999; left:auto; right:240px; bottom:5px;}
/*简易音乐播放(.music)*/
.app-audio .inner .music{height:38px; border:1px solid #dddddd; line-height:38px; position:relative; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.app-audio .inner .music.music-play{height:38px; overflow:hidden;}
.app-audio .inner .music .audioStatic i{position: absolute; left:15px; top:-1px; font-size:22px; color:#6AAB30; display:inline-block; line-height:38px;}
.app-audio .inner .music .audioAnimation i{position:absolute; left:15px; top:9px; font-size:10px; color:#666; line-height:19px; width:19px; height:19px; border-radius:19px; border:1px solid #666; text-align:center;}
.app-audio .inner .music .musicTitle{position:absolute; left:42px; top:0; width:250px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.app-audio .inner .music .audioLoading{position:absolute; right:15px; top:-1px;}
.app-audio .inner .music .audio-time{position:absolute; font-size:14px; color:#999; right:10px;top:-1px;}
.app-audio .inner .music .slider-bar{position:relative; top:36px; left:0; border-top:1px solid #ddd; width:100%; height:19px; background:#f9f9f9;}
.app-audio .inner .music .slider-bar .slider-fill{position:absolute; height:19px; background:#6AAB30;}
.app-audio .inner .music .slider-bar .slider-handle{cursor:pointer; display:inline-block; width:46px; height:21px; position:absolute; top:-1px; background-image: url("../images/app/slider-bar.png"); background-size:46px 21px;}
/*app公告*/
.app-notice .inner{font-size:12px; overflow: hidden; color:#f90; background:#ffc; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:0 10px;}
.app-notice .inner .notice-box{height:37px; line-height:37px; word-break:break-all; font-size:12px; overflow:hidden;}
.app-notice .inner .scrollNotice{width:20000px;}
.app-notice .inner .scrollNotice span{position:relative;}
/*店铺导航*/
.nav-menu-wx,.nav-menu-app,.nav-menu-cart{position:fixed; bottom:0; left:0; right:0; color:#333; text-align:center; z-index:10;}
.nav-menu-wx ul,.nav-menu-app ul, .nav-menu-cart ul, .nav-menu-path ul, .nav-menu-sides ul{margin:0; padding:0;}
.nav-menu-wx a,.nav-menu-app a, .nav-menu-cart a, .nav-menu-path a, .nav-menu-sides a{display:block; height:100%; text-decoration:none;}
/*微信导航样式*/
.nav-menu-wx{background:#FAFAFA; border-top:1px solid #e5e5e5;}
.nav-menu-wx .nav-home{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:100%; float:left; display:block; text-align:center;}
.nav-menu-wx .nav-home i{color:#737373;  font-size:30px; margin-top:4.5px;}
.nav-menu-wx .nav-group i{color:#888; display:inline-block; width:12px; height:12px; line-height:14px; text-align:center; font-size:14px; margin-right:5px;}
.nav-menu-wx.has-nav-0 .nav-home{width:100%;}
.nav-menu-wx.has-nav-1 .nav-home,.nav-menu-wx.has-nav-2 .nav-home,.nav-menu-wx.has-nav-3 .nav-home{width:16%;}
.nav-menu-wx .nav-group{width:84%; float:left;}
.nav-menu-wx .nav-group .nav-group-item{position:relative; float:left; display:block; height:100%; line-height:44px; text-align:center; border-left:1px solid #e5e5e5;}
.nav-menu-wx .nav-group .nav-group-item a{color:#333; text-shadow: 0 0 2px #f5f5f5; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav-menu-wx .nav-group .nav-group-item.open dl{display: block;}
.nav-menu-wx.has-nav-1 .nav-group-item{width:100%;}
.nav-menu-wx.has-nav-2 .nav-group-item{width:50%;}
.nav-menu-wx.has-nav-3 .nav-group-item{width:33.3%;}
.nav-menu-wx .nav-group .dropup{position:relative;}
.nav-menu-wx dl{display:none; position:absolute; z-index:9999; bottom:40px; left:50%; width:85px; margin-left:-45px; min-height:40px; background:#fff; border:1px solid #afaeaf; border-radius:5px; -webkit-box-shadow:inset 0 0 3px #fff;}
.nav-menu-wx dl:before, .nav-menu-wx dl:after{content:""; display:inline-block; position:absolute; z-index:240; bottom:0;left:50%; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; margin-left:-8px; margin-bottom:-16px;}
.nav-menu-wx dl:after{z-index:241; border-color:#fff transparent transparent transparent; margin-bottom:-15px;}
.nav-menu-wx dl dd+dd{border-top:1px solid #ddd;}
.nav-menu-wx dl dd{margin:0; line-height:40px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav-menu-wx dl dd:last-of-type{background:none;}
.nav-menu-wx dl dd a{display:block; color:#4f4d4f; text-shadow:0 0 1px #fff;}
/*app导航样式*/
.nav-menu-app{width:100%; height:50px;}
.nav-menu-app .nav-group{width:100%; height:100%;}
.nav-menu-app .nav-group .nav-group-item a{display:block; height:30px; width:100%; text-align:center; background-size:contain; background-position:center center; background-repeat:no-repeat; color:#fff; }
.nav-menu-app .nav-group .nav-group-item a i{display:block; height:30px; padding-top:3px; line-height:30px; width:100%; text-align:center; font-size:22px; color:#fff;}
.nav-menu-app .nav-group .nav-group-item span{display:block; height:20px; width:100%; line-height:20px; overflow:hidden; font-size:12px; color:#fff;}
.nav-menu-app .nav-group .nav-group-item{float:left; display:block; height:100%;}
.nav-menu-app.has-nav-0 .nav-group .nav-group-item{width:0%;}
.nav-menu-app.has-nav-1 .nav-group .nav-group-item{width:100%;}
.nav-menu-app.has-nav-2 .nav-group .nav-group-item{width:50%;}
.nav-menu-app.has-nav-3 .nav-group .nav-group-item{width:33.33%;}
.nav-menu-app.has-nav-4 .nav-group .nav-group-item{width:25%;}
.nav-menu-app.has-nav-5 .nav-group .nav-group-item{width:20%;}
/*购物车导航*/
.nav-menu-cart{width:100%; padding:0 10px; height:40px; text-align:center;}
.nav-menu-cart.has-nav-2 .nav-group-item,.nav-menu-cart.has-nav-1 .nav-group-item,.nav-menu-cart.has-nav-0 .nav-group-item{width:34%; height:40px;}
.nav-menu-cart.has-nav-2 .nav-home,.nav-menu-cart.has-nav-1 .nav-home,.nav-menu-cart.has-nav-0 .nav-home{width:32%;}
.nav-menu-cart.has-nav-4 .nav-group-item,.nav-menu-cart.has-nav-3 .nav-group-item{width:17%;}
.nav-menu-cart.has-nav-4 .nav-group-item.nav-home,.nav-menu-cart.has-nav-3 .nav-group-item.nav-home{width:32%;}
.nav-menu-cart .nav-group-item{height:40px;float:left;display:block;}
.nav-menu-cart .nav-group-item a{display:block; height:100%; width:100%; text-align:center; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.nav-menu-cart .nav-group-item a i{display:block; height:100%; width:100%; text-align:center; line-height:40px; color:#fff; font-size:20px;}
.nav-menu-cart .nav-home a{background-color:#f90;height:40px;width:40px;margin:0 auto;margin-top:-10px;border-radius:100%;border:5px solid #292929;}
.nav-menu-cart .nav-home a i{line-height:30px;}
/*path展开形式导航*/
.nav-menu-path{position:fixed; left:10px; bottom:20px;}
.nav-menu-path .nav-group-item a{display:block; height:100%; width:100%; border-radius:100%; overflow:hidden; background-color:#E23636; background-size:contain; background-position:center center; background-repeat:no-repeat; text-align:center;}
.nav-menu-path .nav-group-item a i{display:block; height:100%; width:100%; text-align:center; color:#fff; font-size:30px; line-height:45px; }
.nav-menu-path .nav-home{width:50px; height:50px; z-index:100; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; position:absolute; left:0; bottom:0;}
.nav-menu-path .nav-home.on{transform:rotateZ(135deg); -webkit-transform:rotateZ(135deg); -moz-transform:rotateZ(135deg); -o-transform:rotateZ(135deg); -ms-transform:rotateZ(135deg);}
.nav-menu-path .nav-group .nav-group-item{width:45px; height:45px; border-radius:100%; position:absolute; left:2.5px; bottom:2.5px; -webkit-transition: -webkit-transform 200ms;-moz-transition: -webkit-transform 200ms;}
.nav-menu-path .nav-group .nav-group-item a{width:45px; height:45px; border-radius:45px;}
.nav-menu-path.has-nav-1 .nav-group .nav-group-item.on{transform: translate(50px, -50px) rotate(720deg); -webkit-transform: translate(50px, -50px) rotate(720deg); -moz-transform: translate(50px, -50px) rotate(720deg);}
.nav-menu-path.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -60px) rotate(720deg); -webkit-transform: translate(3px, -60px) rotate(720deg); -moz-transform: translate(3px, -60px) rotate(720deg);}
.nav-menu-path.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(60px, -3px) rotate(720deg); -webkit-transform: translate(60px, -3px) rotate(720deg); -moz-transform: translate(60px, -3px) rotate(720deg);}
.nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -100px) rotate(720deg); -webkit-transform: translate(3px, -100px) rotate(720deg); -moz-transform: translate(3px, -100px) rotate(720deg);}
.nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(72px, -72px) rotate(720deg); -webkit-transform: translate(72px, -72px) rotate(720deg); -moz-transform: translate(72px, -72px) rotate(720deg);}
.nav-menu-path.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(100px, -3px) rotate(720deg); -webkit-transform: translate(100px, -3px) rotate(720deg); -moz-transform: translate(100px, -3px) rotate(720deg);}
.nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(3px, -136px) rotate(720deg); -webkit-transform: translate(3px, -136px) rotate(720deg); -moz-transform: translate(3px, -136px) rotate(720deg);}
.nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(119px, -71px) rotate(720deg); -webkit-transform: translate(119px, -71px) rotate(720deg); -moz-transform: translate(119px, -71px) rotate(720deg);}
.nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(71px, -119px) rotate(720deg); -webkit-transform: translate(71px, -119px) rotate(720deg); -moz-transform: translate(71px, -119px) rotate(720deg);}
.nav-menu-path.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(4){transform: translate(136px, -3px) rotate(720deg); -webkit-transform: translate(136px, -3px) rotate(720deg); -moz-transform: translate(136px, -3px) rotate(720deg);}
/*两侧展开形式导航*/
.nav-menu-sides{position:fixed; left:50%; bottom:10px;}
.nav-menu-sides .main-nav{position:relative; margin-left:-50%; padding:8px 9px 0 9px; width:150px; height:50px; background:url(../images/app/nav5back.png) center center no-repeat; background-size:150px 50px;}
.nav-menu-sides .main-nav>div{width:43px; height:41px; overflow:hidden; border-radius:100%;}
.nav-menu-sides .nav-group-item a{display:block; height:100%; width:100%; border-radius:100%; text-align:center; background-color:#E23636; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.nav-menu-sides .nav-group-item a i{display:block; height:100%; width:100%; border-radius:100%; font-size:25px; line-height:41px; color:#fff; text-align:center;}
.nav-menu-sides .nav-home{width:40px; height:40px; border-radius:100%; position:relative; left:1px; bottom:-6px; float:left; margin-top:-10px; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out;}
.nav-menu-sides .nav-home.on{transform:rotateZ(135deg); -webkit-transform:rotateZ(135deg); -moz-transform:rotateZ(135deg); -o-transform:rotateZ(135deg); -ms-transform:rotateZ(135deg);}
.nav-menu-sides .nav-group .nav-group-item{width:45px; height:45px; border-radius:100%; position:absolute; left:-22px; bottom:3px; -webkit-transition: -webkit-transform 200ms;-moz-transition: -webkit-transform 200ms;}
.nav-menu-sides .nav-group .nav-group-item a{width:41px; height:41px; border-radius:100%; overflow:hidden;}
.nav-menu-sides.has-nav-1 .nav-group .nav-group-item.on{transform: translate(0px, -60px) rotate(720deg); -webkit-transform: translate(0px, -60px) rotate(720deg); -moz-transform: translate(0px, -60px) rotate(720deg);}
.nav-menu-sides.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-36px, -47px) rotate(720deg); -webkit-transform: translate(-36px, -47px) rotate(720deg); -moz-transform: translate(-36px, -47px) rotate(720deg);}
.nav-menu-sides.has-nav-2 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(36px, -47px) rotate(720deg); -webkit-transform: translate(36px, -47px) rotate(720deg); -moz-transform: translate(36px, -47px) rotate(720deg);}
.nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-54px, -47px) rotate(720deg); -webkit-transform: translate(-54px, -47px) rotate(720deg); -moz-transform: translate(-54px, -47px) rotate(720deg);}
.nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(0px, -70px) rotate(720deg); -webkit-transform: translate(0px, -70px) rotate(720deg); -moz-transform: translate(0px, -70px) rotate(720deg);}
.nav-menu-sides.has-nav-3 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(54px, -47px) rotate(720deg); -webkit-transform: translate(54px, -47px) rotate(720deg); -moz-transform: translate(54px, -47px) rotate(720deg);}
.nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(1){transform: translate(-57px, -47px) rotate(720deg); -webkit-transform: translate(-57px, -47px) rotate(720deg); -moz-transform: translate(-57px, -47px) rotate(720deg);}
.nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(2){transform: translate(-26px, -94px) rotate(720deg); -webkit-transform: translate(-26px, -94px) rotate(720deg); -moz-transform: translate(-26px, -94px) rotate(720deg);}
.nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(3){transform: translate(26px, -94px) rotate(720deg); -webkit-transform: translate(26px, -94px) rotate(720deg); -moz-transform: translate(26px, -94px) rotate(720deg);}
.nav-menu-sides.has-nav-4 .nav-group .nav-group-item.on:nth-of-type(4){transform: translate(57px, -47px) rotate(720deg); -webkit-transform: translate(57px, -47px) rotate(720deg); -moz-transform: translate(57px, -47px) rotate(720deg);}
.nav-menu-path .nav-home a,.nav-menu-sides .nav-home a{background-image:url(../images/app/centerbtn.png);}
/*会员中心*/
.usercenter .app-usercenter .mnav-box .list-group-item{background-color:transparent;}
.usercenter .app-usercenter .level{width:100%; height:160px; overflow:hidden; position:relative; background-size:cover; background-repeat: no-repeat; background-position: center center; background-image: url("../images/head-bg.png");}
.usercenter .app-usercenter .level img{width:66px; height:66px; position:absolute; left:20px; top:20px;}
.usercenter .app-usercenter .level .level-info{position:absolute; bottom:0; left:0; margin:0 auto; width:100%; z-index:10; background-color:rgba(51, 51, 51, 0.8);}
.usercenter .app-usercenter .level .level-info div{padding:5px 15px; color:#fff; font-size:15px;}
.usercenter .app-usercenter .order{margin-bottom:12px;}
.usercenter .app-usercenter .order ul{width:100%; padding:10px 0;background:#fff;}
.usercenter .app-usercenter .order ul li{width:25%; display:inline-block; box-sizing:border-box; float:left; text-align:center;}
.usercenter .app-usercenter .order ul li+li{border-left:1px solid #e5e5e5;}
.usercenter .app-usercenter .order ul li a .title-num{font-size: 16px !important; line-height:20px; color:#333 !important; margin:0;}
.usercenter .app-usercenter .order ul li a .title-info{font-size: 12px !important; line-height:20px; color:#333 !important; margin:0;}

.usercenter .app-usercenter .mnav-box ul,.mnav-box ul li{padding:0px; margin:0px;}
.usercenter .app-usercenter .mnav-box{color:#606366; background:#f2f2f2;}
.usercenter .app-usercenter .mnav-box ul{border-top:1px solid #ddd; list-style:none; padding-top:1px; background:#fff;}
.usercenter .app-usercenter .mnav-box ul:first-child{padding-top:0;}
.usercenter .app-usercenter .mnav-box ul li{ border-bottom:1px solid #dddddd; position:relative; height:48px; padding: 12px 15px; overflow:hidden;}
.usercenter .app-usercenter .mnav-box ul li .mnav-box-list{color:#606366; font-size:15px; text-decoration:none; -webkit-box-sizing:border-box; overflow:hidden;}
.usercenter .app-usercenter .mnav-box ul li .mnav-box-list>i{width:25px; margin-right:10px; color:#444; text-align:center; font-size:20px;}
.usercenter .app-usercenter .mnav-box ul li .mnav-box-list .mnav-title{display:inline-block; padding-right:15px;}
.usercenter .app-usercenter .mnav-box ul li .mnav-box-list > .pull-right{display:inline-block; font-size:22px; line-height:0; color:#888; position:absolute; right:15px; top:12px;}
.usercenter .app-usercenter .mnav-box ul li .mnav-box-list > .pull-right .btn{background:#56c6d6; color:#FFF; border:0; border-radius:1px; margin-top:-5px; width:100px; height:32px; font-size:17px; white-space:pre-line;}